<template>
    <section>
        <div class="block">
            <b-icon icon="account" size="is-small"> </b-icon>
            <b-icon icon="home" size="is-small"> </b-icon>
            <b-icon icon="view-dashboard" size="is-small"> </b-icon>
        </div>

        <div class="block">
            <b-icon icon="account"></b-icon>
            <b-icon icon="home"></b-icon>
            <b-icon icon="view-dashboard"></b-icon>
        </div>

        <div class="block">
            <b-icon icon="account" size="is-medium"> </b-icon>
            <b-icon icon="home" size="is-medium"> </b-icon>
            <b-icon icon="view-dashboard" size="is-medium"> </b-icon>
        </div>

        <div class="block">
            <b-icon icon="account" size="is-large" type="is-success"> </b-icon>
            <b-icon icon="home" size="is-large" type="is-info"> </b-icon>
            <b-icon icon="view-dashboard" size="is-large" type="is-primary">
            </b-icon>
        </div>

        <div class="buttons">
            <b-button label="Finish" type="is-dark" icon-left="check" />
            <b-button label="Finish" type="is-warning" icon-left="check" />
        </div>
    </section>
</template>

<script setup lang="ts">
import { BButton, BIcon } from "buefy";
</script>
